var prefix = ctx +"module/fire/work/record";
$(function() {
    load();
});
function load(){
    layui.use(['form','table','laydate'], function() {
        var form = layui.form ,laydate = layui.laydate,
            table = layui.table;//载入table模块
        laydate.render({
            elem: '#begin_date',
            isInitValue: false,
        });
        laydate.render({
            elem: '#end_date',
            isInitValue: false,
        });
        var searchParams = {};
        searchParams['search_eq_shopId']=$('#shopId').val();
        if($('#begin_date').val()!="" && $('#end_date').val()!=""){
            searchParams['search_ge_createTime']=$('#begin_date').val() + " 00:00:00";
            searchParams['search_le_createTime']=$('#end_date').val()+ " 23:59:59";
        }
        //初始化table
        table.render({
            elem: '#exampleTable',//承载数据的table Id
            url: prefix + "/list",//请求数据连接
            toolbar: '#toolbarDemo',
            cellMinWidth: 80,//全局定义所有常规单元格的最小宽度（默认：60）
            even: true,//是否开启隔行变色
            loading:true,//是否显示加载条
            where :{
                searchParams:searchParams,
                sorts:{"state":"desc"}
            },
            //page: true,//是否分页
            page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: [ 'prev', 'page', 'next', 'skip', 'count','limit'] //自定义分页布局
            },
            defaultToolbar: false,
            cols: [[
                {type:'numbers',title: '序号', width:'5%'},
                { field : 'realName',  title : '购买人姓名',  align : 'center', },
                { field : 'phoneNum', title : '法人手机号', align : 'center', },
                { field : 'idNo', title : '身份证号', align : 'center', },
                { field : 'address',  title : '地址',align : 'center', },
                { field : 'createTime',  title : '上报时间',  align : 'center',},
                { title: '操作', minWidth: 300, templet: '#currentTableBar', fixed: "right", align: "center"}
            ]],
            id: 'currentTableId',//表格Id
            done: function(res, curr, count){
                // $('.layui-table-fixed-r').removeClass('layui-hide');
                $(".grid-column-qrcode").each(function() {
                    $(this).click(function() {
                        previewImg(this);
                    })
                });
            } //解决最右侧列不能固定的问题
        });
        /**
         * 操作栏tool  监听事件
         */
        table.on('tool(currentTableFilter)', function (obj) {
            if (obj.event === 'edit') {  // 监听添加操作
                console.log('obj',obj.data.id)
                edit(obj.data.id);
            } else if (obj.event === 'delete') {  // 监听删除操作
                console.log('obj',obj.data.id)
                remove(obj.data.id);
            } else if(obj.event === 'qrcode'){
                resetQrcode(obj.data.id);
            }

        });
        // 监听搜索操作
        form.on('submit(data-search-btn)', function (data) {
            //执行搜索重载
            reLoad();
            return false;
        });

        /**
         * 工具栏  监听事件
         */
        table.on('toolbar(currentTableFilter)', function (obj) {
            if (obj.event === 'add') {  // 监听添加操作
                add();
            } else if (obj.event === 'export') {  // 批量上传设备
                exportExcel();
            } else if (obj.event === 'back') {  // 批量上传设备
                back();
            }

        });
    });
}

function reLoad() {
    var searchParams = {};
    searchParams['search_eq_shopId']=$('#shopId').val();
    if($('#begin_date').val()!="" && $('#end_date').val()!=""){
        searchParams['search_ge_createTime']=$('#begin_date').val() + " 00:00:00";
        searchParams['search_le_createTime']=$('#end_date').val()+ " 23:59:59";
    }

    layui.use(['table'], function() {
        var table = layui.table;//载入table模块

        var  page = $(".layui-laypage-skip").find("input").val() //当前页码值
        console.log('page',page)
        table.reload('currentTableId', {
            page: {curr: page}
            , where: {
                searchParams: searchParams,
                sorts:{"state":"desc"}
            }
        }, 'data');
    });
}

function previewImg(obj) {
    console.log('obj',obj)
    var img = new Image();
    img.src = $(obj).attr("imgurl");
    console.log('img',$(obj).attr("imgurl"));
    var imgHtml = "<img src='" + img.src + "' width='400' height='400' style='margin: 25px 25px'/>";
    //弹出层
    layer.open({
        type: 1,
        // shade: true,
        shadeClose : true, // 点击遮罩关闭层
        title: false, //不显示标题
        area:[ '450px', '450px' ],
        content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
        cancel: function () {

        }
    });
}
function exportExcel(){
    var begin_date = $("#begin_date").val();
    var end_date = $("#end_date").val();
    var shopId = $("#shopId").val();
    window.location.href = ctx + 'module/fire/work/record/exportExcel?begin_date='
        +begin_date+'&end_date='+end_date+'&shopId='+shopId;
}

function back() {
    window.location.href = ctx + 'module/shop/3';
}

function resetQrcode(id){
    $.ajax({
        url : prefix + "/resetQrcode",
        type : "post",
        data : {
            'id' : id
        },
        success : function(r) {
            if (r.code==0) {
                layer.msg(r.msg);
                reLoad();
            }else{
                layer.msg(r.msg);
            }
        }
    });
}

function add() {
    var index = layer.open({
        type : 2,
        title : '增加',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '800px', '420px' ],
        content : prefix + '/add' // iframe的url
    });
    layer.full(index);
}

function batchAdd() {
    var index = layer.open({
        type : 2,
        title : '批量增加',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '800px', '320px' ],
        content : ctx + 'module/shop/goBatchAddShop' // iframe的url
    });
}
function edit(id) {
    var index = layer.open({
        type : 2,
        title : '编辑',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '800px', '520px' ],
        content : prefix + '/edit/' + id // iframe的url
    });

    layer.full(index);
}
function remove(id) {
    layer.confirm('确定要删除选中的记录？', {
        btn : [ '确定', '取消' ]
    }, function() {
        $.ajax({
            url : prefix+"/remove",
            type : "post",
            data : {
                'id' : id
            },
            success : function(r) {
                if (r.code==0) {
                    layer.msg(r.msg);
                    reLoad();
                }else{
                    layer.msg(r.msg);
                }
            }
        });
    })
}
